@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --heading-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --body-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

button, a, th {
  font-family: var(--heading-font-family);
  letter-spacing: 0.1px;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: var(--body-font-family);
}


h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
}

@font-face {
  font-family: 'MetroSans';
  src: url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.eot');
  src: url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.eot?#iefix') format('embedded-opentype'),
             url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.woff2') format('woff2'),
       url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.woff') format('woff'),
       url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.ttf') format('truetype'),
       url('https://d1j5ayohogpcd2.cloudfront.net/fonts/metro-sans/metro-sans-regular/metro-sans-regular.svg#youworkforthem') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://d1j5ayohogpcd2.cloudfront.net/fonts/gilroy/Gilroy-SemiBold/font.woff2') format('woff2'),
       url('https://d1j5ayohogpcd2.cloudfront.net/fonts/gilroy/Gilroy-SemiBold/font.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://d1j5ayohogpcd2.cloudfront.net/fonts/gilroy/Gilroy-Medium/font.woff2') format('woff2'),
       url('https://d1j5ayohogpcd2.cloudfront.net/fonts/gilroy/Gilroy-Medium/font.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}

:root {
  --heading-font-family: Gilroy, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --body-font-family: MetroSans, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
